<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>爱奇艺视频播放列表</title>
    <style type="text/css">
        p:nth-of-type(1){
            color: red;
            font-size:14px;
        }
        p:nth-of-type(2){
            color:blue;
            font-size:12px
        }

        div{ float:left;
            padding: 10px;
            margin-right: 1px;}


        img{border-radius: 14px}


        div:hover {box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1), 0 0 10px 0 rgba(0,0,0,0.2);
           border-radius: 10px}




    </style>
</head>
<body>
<h2>热播</h2>
<div>
    <img src="img/img1.png" width="209" height="283">

    <h3>神武赵子龙</h3>
    <p>怒，林更新不抱网红抱女神</p>
    <p>点击次数：242445次</p>
</div>


<div>
    <img src="img/img2.png" width="209" height="284">
    <h3>旋风十一人</h3>
    <p>胡歌变教练在撩前女友</p>
    <p>点击次数：242445次</p>
</div>


<div>
    <img src="img/img3.png" width="208" height="284">

    <h3>太阳的后裔</h3>
    <p>宋慧乔吃嫩草</p>
    <p>点击次数：244445次</p>
</div>


<div>
    <img src="img/img4.png" width="210" height="283">
    <h3>山海经之赤影传说</h3>
    <p>娜扎张翰再度联手</p>
    <p>点击次数：142445次</p>
</div>
</body>
</html>